
import { createRouter, createWebHistory } from "vue-router"
// 2. 定义一些路由
const routes = [

    {
        path: '/',
        name: 'moveshow',
        component: () => import("@/views/MoveShow.vue"),
        //useFrame 为false时候是全屏 为true是路由内 标签内容
        meta: { title: '移动端首页', show: false, icon:'DataBoard',useFrame:false}
    }
    ,
    {
        path: '/home',
        name: 'home',
        component: () => import("@/views/Home.vue"),
        meta: { title: '首页', show: true, icon: 'HomeFilled', useFrame: true }
    },
    {
        path: '/category',
        component: () => import("@/views/category/Index.vue"),
        meta: { title: '类目管理', show: true, icon: 'Operation' },
        children: [
            {
                path: '/category/add',
                name: 'category-add',
                component: () => import("@/views/category/Add.vue"),
                meta: { title: '类目添加', show: true, icon: 'CirclePlus' }
            },
            {
                path: '/category/edit',
                name: 'category-edit',
                component: () => import("@/views/category/Edit.vue"),
                meta: { title: '类目修改', show: true, icon: 'Edit' }
            },
            {
                path: '/category/list',
                name: 'category-list',
                component: () => import("@/views/category/List.vue"),
                meta: { title: '类目列表', show: true, icon: 'List' }
            }
        ]
    },
    {
        path: '/product',
        component: () => import("@/views/product/Index.vue"),
        meta: { title: '商品管理', show: true, icon: 'ShoppingBag' },
        children: [
            {
                path: '/product/add',
                name: 'product-add',
                component: () => import("@/views/product/Add.vue"),
                meta: { title: '商品添加', show: true, icon: 'CirclePlus' }
            },
            {
                path: '/product/edit',
                name: 'product-edit',
                component: () => import("@/views/product/Edit.vue"),
                meta: { title: '商品修改', show: true, icon: 'Edit' }
            },
            {
                path: '/product/list',
                name: 'product-list',
                component: () => import("@/views/product/List.vue"),
                meta: { title: '商品列表', show: true, icon: 'List' }
            }
        ]
    },
    {
        path: '/moveproductds',
        name: 'moveproductds',
        component: () => import("@/views/MoveProductDetails.vue"),
        meta: { title: '移动端商品详情', show: false, icon: 'ChatLineSquare', useFrame: false }
    },
    {
        path: '/movecategory',
        name: 'movecategory',
        component: () => import("@/views/MoveCategory.vue"),
        meta: { title: '移动端类目管理', show: false, icon: 'ChatLineSquare', useFrame: false }
    }
    

]
// 3. 创建路由实例并传递 `routes` 配置
const router = createRouter({

    history: createWebHistory(),
    routes, // `routes: routes` 的缩写
})

//导出路由
export default router